<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#columna_izquierda {
	width:320px;
    padding-left: 9px;
    padding-top: 10px;
}

.filtro_box {
	background-color:#5b90c0;
	border-radius: 0px 8px 8px 8px;
	width: 250px;
	color:#FFF;
	float:left;
	height: 33px;
	width:100%;
}

.label_box {
	background-color: #CCC;
	border-radius: 0px 8px 8px 8px;
	
	width: 249px;
	height: 27px;
	float:left;
	
	font-family: Arial;
	font-size:15px;
	font-family: Arial;
	font-size:13px;
	color: #666;
	
	border:none;
	padding-left:5px;
	margin-right:5px;
}

.label_buscar_box {
	float:left;
	font-family: Arial;
	font-weight:bold;
	font-size:15px;
	color: #666;
	height: 33px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
}

.texto_filtro_box {
	float:left;
	font-family: Arial;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	height: 33px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
}

.texto_titulo_label {
	float:left;
	font-family: Arial;
	font-weight:bold;
	font-size:13px;
	color: #666;
	height: 20px;
	padding:5px;
}

.cantidad_text {
	font-family: Arial;
	font-size:15px;
	font-family: Arial;
	font-size:13px;
	color: #666;
}

.boton_nueva_p {
	background:#FFF;
	text-align:left;
	border:none;
	width:100%;
	height:33px;
	color: #D27A12;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	background-image: url(icono_nueva_p.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left:22px;
	border-bottom:#CCC dotted 1px;
}

.boton_nuevo {
	background:#FFF;
	text-align:left;
	border:none;
	width:100%;
	height:33px;
	color: #D27A12;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	background-image: url(icono_nuevo.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left:22px;
	border-bottom:#CCC dotted 1px;
}

.boton_todos {
	background:#FFF;
	text-align:left;
	border:none;
	width:auto;
	height:33px;
	color: #D27A12;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.boton_aplicar {
	background-color: #D27A12;
	color: #fff;
	float:left;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-radius: 0px 8px 8px 8px;
	width: 61px;
	color: #FFF;
	float:left;
	height: 27px;
	border:none;
	padding-left:5px;
}

.linea {
	float:left;
	border-bottom:#CCC dotted 1px;
    padding-bottom: 10px;
	}

</style>

</head>

<body>

<div id="columna_izquierda">

    <div class="filtro_box"><font class="texto_filtro_box">Propiedades</font></div>
    <input name="Aplicar" type="button" class="boton_nueva_p" value="Nueva propiedad" />
    <font class="texto_titulo_label">Buscar propiedade</font>
    
    <div class="linea">
    <input class="label_box texto_label" name="" type="text" />
    <input name="Aplicar" type="button" class="boton_aplicar" value="Aplicar" />
    </div>
	<div>
    <input name="Aplicar" type="button" class="boton_todos" value="Todas las propiedades" />
    <font class="cantidad_text">(150 porongas)</font>
    </div>

</div>

<div id="columna_izquierda">

    <div class="filtro_box"><font class="texto_filtro_box">Clientes</font></div>
    <input name="Aplicar" type="button" class="boton_nuevo	" value="Nuevo cliente" />
    <font class="texto_titulo_label">Buscar cliente</font>
    
    <div class="linea">
    <input class="label_box texto_label" name="" type="text" />
    <input name="Aplicar" type="button" class="boton_aplicar" value="Aplicar" />
    </div>
	<div>
    <input name="Aplicar" type="button" class="boton_todos" value="Todas las propiedades" />
    <font class="cantidad_text">(150 porongas)</font>
    </div>

</div>

<div id="columna_izquierda">

    <div class="filtro_box"><font class="texto_filtro_box">Usuarios</font></div>
    <input name="Aplicar" type="button" class="boton_nuevo" value="Nueva usuario" />
    <font class="texto_titulo_label">Buscar usuario</font>
    
    <div class="linea">
    <input class="label_box texto_label" name="" type="text" />
    <input name="Aplicar" type="button" class="boton_aplicar" value="Aplicar" />
    </div>
	<div>
    <input name="Aplicar" type="button" class="boton_todos" value="Todas las propiedades" />
    <font class="cantidad_text">(150 porongas)</font>
    </div>

</div>

</body>
</html>
